/*
 * @Author: Xiyw 
 * @Date: 2020-04-03 21:48:03 
 * @Last Modified by: Xiyw
 * @Last Modified time: 2020-04-04 21:13:21
 */
 /* 头部信息 */
.header{
    width:1349px;
    height:610px;
    background-image: url(../images/header.jpg);
    background-attachment: fixed;
    padding-top:30px;
    position: relative;
    margin:0 auto;
}
.header_header{
    width:1150px;
    height:61px;
    margin: 0 auto;
}
.header_header_left{
    width:206px;
    height:61px;
    float:left;
}
.header_header_left>i{
    width:137px;
    height:66px;
    background-image: url(../images/sprite-sy.png);
    background-position: 10px -365px;
    margin-right:10px;
    margin-top:-5px;
    display: inline-block;
    cursor: pointer;
}
.header_header_left>div{
    background-color: rgba(0,0,0,0.25);
    height:27px;
    line-height: 27px;
    color:#fff;
    text-align:center;
    padding:0 10px;
    font-size: 12px;
    display: inline-block;
    border-radius: 15px;
    position: absolute;
    top:50px;
    left:246.5px;
    cursor: pointer;
}
.header_header_left>div>i{
    width:10px;
    height:12px;
    display: inline-block;
    margin-right:5px;
    background-image: url(../images/sprite-sy.png);
    background-position: -189px -20px;
    position: relative;
    top:1px;
}
.header_header_right{
    float: right;
    position: relative;
    top:-5px;
}
.header_right_user{
    width:99px;
    height:20px;
    text-align:right;
    position: absolute;
    right:0;
    top:-1px;
}
.header_right_user>i{
    width:17px;
    height:16px;
    background-image: url(../images/sprite-sy.png);
    background-position: -203px -20px;
    display: inline-block;
    position: relative;
    top:3px;
}
.header_right_user>span{
    font-size: 12px;
    color:#fff;
    cursor: pointer;
}
.header_right_user>span:first-of-type{
    margin-right:1px;
}
.header_right_list{
    position: relative;
    top:25px;
    right:0;
}
.header_right_list>span{
    font-size:16px;
    margin-left: 15.9px;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.header_right_list>a>span{
    font-size:16px;
    margin-left: 15.9px;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.header_wrap{
    width:1150px;
    height:241px;
    margin: 0 auto;
}
.header_wrap>img{
    width:540px;
    height:69px;
    margin:120px 305px 0px 305px;
    text-align: center;
}
.header_text{
    height:35px;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    color:#fff;
}
.header_search{
    width:772px;
    height:98px;
    margin:6px auto 0px;
    padding:20px;
}
.search_list>span{
    font-size:14px;
    color:#fff;
    padding-right:15.8px;
    height:32px;
    line-height: 32px;
    font-weight: 700;
    display: inline-block;
    text-shadow:  1px 0 5px rgba(0,0,0,0.2);
    cursor:pointer;
}

.search_list>span:nth-of-type(2){
    color: #B6B8BA;
}
.search_list>span:nth-of-type(2):hover{
    color: #fff;
}
.search_list>span:nth-of-type(3){
    color: #B6B8BA;
}
.search_list>span:nth-of-type(3):hover{
    color: #fff;
}
.search_box{
    position: relative;
    top:1px;
}
.search_box_triangle{
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #fff;
    position: relative;
    top:2px;
    left: 20px;
    
}
.search_box>input{
    width: 626px;
    height:55px;
    line-height: 55px;
    border-radius: 2px 0 0 2px;
    font-size: 14px;
    border:0;
    padding-left: 20px;
    float:left;
}
.search_box_bottom{
    width:127px;
    height: 55px;
    line-height: 55px;
    float: right;
    border:0;
    border-radius: 0 2px 2px 0;
    position: absolute;
    right:-1px;
    text-align:center;
    font-size:18px;
    color:#fff;
    display: block;
    background-color: #00ae66;
    cursor: pointer;
}
.search_box_bottom:hover{
    background-color: #00b86b;
}

.header_footer{
    width:528px;
    margin:20px auto 0;
    margin-right:10px;
    color:#E6E6E6;
    font-size:12px;
    position: absolute;
    bottom: 34px;
    margin-left: 100px;
}
.header_footer>div{
    cursor: pointer;
}
.header_footer>div:first-child{
    display: inline-block;
    margin-right:22px;
    color: #fff;
}
.header_footer>div:first-child>img{
    width:16px;
    height:16px;
    position: relative;
    top:4px;
    margin-right:3px;
    display: inline-block;
}
.header_footer>div>span{
    position: relative;
    top:-1px;
}
.header_footer>div:nth-child(2){
    display: inline-block;
}
.header_footer>div:nth-child(2):hover{
    color:#fff;
}
.header_footer>div:nth-child(2)>img{
    width:16px;
    height:16px;
    position: relative;
    top:4px;
    margin-right:3px;
    display: inline-block;
}
/* app信息 */
.app{
    background: url(../images/bg-app.jpg) center top;
    height: 479px;
    width: 1349px;
    padding-top:45px;
    margin:0 auto;
}
.app_content{
    width:479px;
    height:288px;
    padding-top:40px;
    margin-left:100px;
}
.app_content>i:first-of-type{
    width:286px;
    height:118px;
    display: block;
    background-image: url(../images/sprite-sy.png);
    background-position: -448px -379px;
}
.app_content>div{
    line-height:22px;
    margin-top:22px;
    position: relative;
    left:-0.5px;
}
.app_content>i:nth-of-type(2){
    width:134px;
    height:44px;
    display:block;
    background-image: url(../images/sprite-sy.png);
    background-position: -20px -139px;
    position: relative;
    top:38px;
    cursor: pointer;
}
.app_content>i:nth-of-type(2):hover{
    background-image: url(../images/sprite-sy.png);
    background-position: -168px -139px;
}
.app_content>i:nth-of-type(3){
    width:134px;
    height:44px;
    display:block;
    background-image: url(../images/sprite-sy.png);
    background-position: -20px -197px;
    margin-top:8px;
    position: relative;
    top:42px;
    cursor: pointer;
}
.app_content>i:nth-of-type(3):hover{
    background-image: url(../images/sprite-sy.png);
    background-position: -168px -197px;
}
.app_content>img{
    width:102px;
    height:102px;
    position: relative;
    left:148px;
    top:-58px;
}
/* 房源信息 */
.resource{
    width:1150px;
    height:414px;
    margin:0 auto;
    padding:50px 0 65px;
}
.resource>i{
    width: 248px;
    height:30px;
    background-image: url(../images/sprite-sy.png);
    background-position: -19px -94px;
    display: block;
}
.resource_header{
    width:1150px;
    margin-top: 10px;
    color:#888;
    font-size: 14px;
    overflow: hidden;
}
.resource_header .resource_header_left{
    float:left;
}
.resource_header .resource_header_right{
    float:right;
    margin-left: 20px;
    color:#394043;
    cursor: pointer;
}
.resource_header .resource_header_right:hover{
    text-decoration: underline;
}
.resource_content{
    position: relative;
    top:30px;
    display: flex;
    justify-content: space-between;
}
.resource_content .resource_content_item{
    width:265px;
    height:323px;
    margin-right:30px;
    margin-bottom:3px;
    border-radius: 4px;
    cursor: pointer;
}
.resource_content_item>img{
    width:265px;
    height:205px;
    margin-bottom:7px;
    border-radius: 4px;
}
.resource_content_area{
    font-size: 18px;
    line-height: 24px;
    font-family: HiraginoSansGB-W6;
    color: #101D37;
}
.resource_content_site{
    font-size: 18px;
    line-height: 24px;
    font-family: HiraginoSansGB-W6;
    color: #101D37;
}
.resource_content_data{
    margin-top:8px;
}
.resource_content_data .content_data_left{
    color:#999;
    font-size: 12px;
    margin-right:8px;
}
.resource_content_data .content_data_right{
    float: right;
    font-size: 16px;
    line-height: 21px;
    color:#FA5741;
    margin-right:8px;
    position: relative;
    top:-4px;
}
/* 海外房源信息 */
.foreign{
    width:1150px;
    height:414px;
    margin:0 auto;
    padding:50px 0 67px;
}
.foreign>img{
    width: 287px;
    height:30px;
}
.foreign_header{
    width:1150px;
    margin-top: 8px;
    color:#888;
    font-size: 14px;
    overflow: hidden;
}
.foreign_header .foreign_header_left{
    float:left;
}
.foreign_header .foreign_header_right{
    float:right;
    margin-left: 20px;
    color:#394043;
    cursor: pointer;
}
.foreign_header .foreign_header_right:hover{
    text-decoration: underline;
}
.foreign_content{
    position: relative;
    top:30px;
    display: flex;
    justify-content: space-between;
}
.foreign_content .foreign_content_item{
    width:265px;
    height:323px;
    margin-right:30px;
    margin-bottom:3px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.foreign_content_item>img{
    width:265px;
    height:205px;
    margin-bottom:12px;
    border-radius: 4px;
}
.foreign_content_money{
    position: absolute;
    right:16px;
    bottom:154px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}
.foreign_content_sell{
    position: absolute;
    right:16px;
    bottom:134px;
    font-size: 16px;
    line-height: 16px;
    color: #F9BD67;
    font-weight:bold;
}
.foreign_content_area{
    font-size: 12px;
    line-height: 12px;
    color: #767676;
}
.foreign_content_site{
    margin-top: 6px;
    font-size: 18px;
    line-height: 24px;
    color: #222222;
    font-weight:600;
}
.foreign_content_data{
    margin-top:4px;
    color:#222222;
    font-size:12px;
}
/* 检查真实房源 */
.truth{
    width:1349px;
    height:180px;
    padding-top:60px;
    background: url(../images/truth.jpg)  no-repeat center top;
    margin:0 auto;
}
.truth_content{
    width: 1150px;
    margin: 0 auto;
    position: relative;
}
.truth_content>i{
    width:501px;
    height:115px;
    display: block;
    margin-top:4px;
    background-image: url(../images/sprite-sy.png);
    background-position: -19px -254px;
}
.truth_txt{
    width:550px;
    height:50px;
    font-size:16px;
    line-height:25px;
    color:#fff;
    position: absolute;
    top:-4px;
    right:0;
}
.truth_search>input{
    position: absolute;
    right:-5px;
    top:46px;
    width: 531px;
    height:29px;
    margin-top: 18px;
    padding:7px 12px;
    line-height:29px;
    border-radius: 2px;
    border:0;
    font-size: 14px;
}
.truth_search>i{
    width:18px;
    height:18px;
    background-image: url(../images/sprite-sy.png);
    background-position: -407px -20px;
    position: absolute;
    top:76px;
    right:7px;
    display: block;
    cursor: pointer;
}
/* 尾部信息 */
.footer{
    width:1349px;
    height: 426px;
    background-image: url(../images/footer-bg.jpg);
    margin: 0 auto;
  }
  .footer_title{
    width:1150px;
    height:75px;
    border-bottom:1px solid #393939;
    line-height: 75px;
    margin: 0 auto;
  }
  .footer_title_left{
    float:left;
  }
  .footer_title_left span{
    font-size: 14px;
    color:#fff;
    margin-right:15px;
    cursor: pointer;
  }
  .footer_title_right{
    float:right;
    color:#7dcfa0;
    font-size:14px;
  }
  .footer_content{
    width: 1150px;
    margin:0 auto;
    padding:13px 0 20px 0;
    border-bottom:1px solid #393939;
  }
  .footer_content .footer_content_manu{
    width: 1000px;
    height: 40px;
  }
  .footer_content .footer_content_manu>span{
    background-color: #121212;
    color:#888c8e;
    padding:8px 10px;
    margin-right:12px;
    margin-bottom:12px;
    font-size: 12px;
    cursor:pointer;
  }
  .footer_content .footer_content_manu>span:hover{
    background-color: #394043;
    color:#fff;
  }
  .footer_content .footer_content_manu>span:last-child{
    background-color: #394043;
    color:#fff;
  }
  .footer_content_content{
    width: 1000px;
    height:89px;
  }
  .footer_content_content>span{
    color:#888c8e;
    font-size: 12px;
    margin:10px 10px 0 0;
    cursor:pointer;
  }
  .footer_content_content>span:hover{
    text-decoration: underline;
  }
  .footer_content_footer{
    width:1150px;
    margin:0 auto;
    padding-top:23px;
  }
  .footer_content_footer>div{
    color:#888c8e;
    font-size: 12px;
    line-height: 20px;
  }
  .footer_content_footer>i{
    width:20px;
    height:20px;
    background-image:url(../images/beian.png);
    display: inline-block;
}
  .footer_content_footer>div:nth-child(3){
    width:180px;
    margin-left: 1px;
    display: inline-block;
    position: relative;
    top:-4px;
}
/* 右下方在线咨询 */
.online-aside{
    width: 240px;
    height: 40px;
    background-color: #fff;
    box-shadow: -5px -5px 5px rgba(0,0,0,0.2);
    position: fixed;
    right:38px;
    bottom:0px;
    cursor: pointer;
}
.online-aside>i{
    width:40px;
    height:40px;
    display: inline-block;
    background-image: url(../images/aside.png);
    background-position: 12px 12px;
    background-repeat: no-repeat;
}
.online-aside>span{
    color:#333;
    margin-left: -4.5px;
    font-size:14px;
    height:40px;
    position: relative;
    top:-14px;
}
/* 右侧固定导航 */
.right-nav{
  width: 38px;
  height: 100%;
  background-color: #fff;
  box-shadow: -3px 0px 5px rgba(0,0,0,0.2);
  position: fixed;
  right:0;
  top:0;
  /* 设置层叠顺序 */
  z-index:1;
}
.right-nav>div{
  width:38px;
  height:38px;
  cursor: pointer;
}
.right-nav .right_nav_like{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px 0px;
  margin-top: 101px;
}
.right-nav .right_nav_like:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px 0px;
}
.right-nav .right_nav_like>div{
  width:72px;
  height:38px;
  line-height: 38px;
  display: none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_like:hover>div{
  display: block;
}
.right-nav .right_nav_contrast{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -516px;
  margin-top: 7px;
}
.right-nav .right_nav_contrast:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -516px;
}
.right-nav .right_nav_contrast:hover>div{
  display:block;
}
.right-nav .right_nav_contrast>div{
  width:350px;
  height:232px;
  display: none;
  background-color: #fff;
  padding:15px 0 25px;
  border:1px solid #f5f5f6;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  position: absolute;
  right: 38px;
  top:40px;
}
.right-nav .right_nav_contrast>div>img{
  width:99px;
  height:94px;
  margin:40px auto 30px;
  position: relative;
  left:110px;
}
.right-nav .right_nav_contrast>div div:first-of-type{
  line-height: 17px;
  font-size: 17px;
  text-align: center;
  margin:0 auto 30px;
  color: #969696;
}
.right-nav .right_nav_contrast>div div:nth-of-type(2){
  width: 110px;
  color: #394043;
  background-color: #fff;
  font-size: 17px;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  margin:0 auto;
}
.right-nav .right_nav_seller{
  width:38px;
  height:50px;
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -88px;
  margin-top: 15px;
}
.right-nav .right_nav_seller:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -88px;
}
.right-nav .right_nav_seller>div{
  width:48px;
  height:50px;
  line-height: 50px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_seller:hover div{
  display: block;
}
.right-nav .right_nav_tool{
  width:38px;
  height:50px;
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -460px;
  margin-top: 7px;
}
.right-nav .right_nav_tool:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -460px;
}
.right-nav .right_nav_tool>div{
  width:60px;
  height:50px;
  line-height: 50px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_tool:hover div{
  display: block;
}
.right-nav .right_nav_promise{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -186px;
  margin-top: 7px;
}
.right-nav .right_nav_promise:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -186px;
}
.right-nav .right_nav_promise>div{
  width:72px;
  height:38px;
  line-height: 38px;
  display: none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_promise:hover div{
  display: block;
}
.right-nav .right_nav_qr{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -224px;
  margin-top: 7px;
}
.right-nav .right_nav_qr:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -224px;
}
.right-nav .right_nav_qr>div{
  width:94px;
  height:114px;
  background-color: #fff;
  padding:8px;
  display: none;
  position: absolute;
  right:38px;
  top:320px;
}
.right-nav .right_nav_qr>div img{
  width:94px;
  height: 94px;
  margin: 0 auto;
}
.right-nav .right_nav_qr>div div{
  padding-top:8px;
  color:#000;
  line-height: 12px;
  font-size: 12px;
  text-align: center;
}
.right-nav .right_nav_qr:hover>div{
  display: block;
}
.right-nav .right_nav_service{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -265px;
  margin-top: 7px;
}
.right-nav .right_nav_service:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -265px;
}
.right-nav .right_nav_service>div{
  width:48px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_service:hover>div{
  display: block;
}
.right-nav .right_nav_tel{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -142px;
  margin-top: 7px;
}
.right-nav .right_nav_tel:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -142px;
}
.right-nav .right_nav_tel>div{
  width:84px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_tel:hover>div{
  display: block;
}
.right-nav .right_nav_write{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -302px;
  margin-top: 7px;
}
.right-nav .right_nav_write:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -302px;
}
.right-nav .right_nav_write>div{
  width:53.1333px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_write:hover>div{
  display: block;
}
.right-nav .right_nav_top{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -338px;
  position: fixed;
  bottom: 17px;
}
.right-nav .right_nav_top:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -338px;
}
.right-nav .right_nav_top>div{
  width:48px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_top:hover>div{
  display: block;
}

